<!doctype html>
<html>
	<head>
		<!--声明当前页码的编码集：charset=gbk,gb2312(中文编码),utf-8(国际编码)-->
		<meta http-equiv="content-Type" content="text/html;charset=utf-8">
		<!--当前页面的三要素-->
		<title>第八节，标签总复习</title>
		<meta name="keywords" content="关键词,关键词">
		<meta name="description" content="">

		<!--css,js-->
		<style type="text/css">
			h1{margin:0 0;padding:0 0;}
			body{font-size:12px;font-family:"微软雅黑"; color:#000}
			h2{text-align:center;}
			.eight{width:800px;margin:10px auto;border:1px solid #000;padding:10px 0;}
			.eight .lbk{width:240px;margin:5px 10px;border:1px dashed #000;float:left;}
			a{text-decoration:none;color:red;}
			.clear{clear:both;}
		</style>
	</head>
<body>
	<h1>第八节，标签总复习</h1>
	<h3>本节对前面所学的七节课进行加深和巩固，将所学的知识进行综合运用</h3>
	----------------------------导航：<a href="#1">第一节</a>|<a href="#2">第二节</a>|<a href="#3">第三节</a>|<a href="#4">第四节</a>|<a href="#5">第五节</a>|
	<a href="#6">第六，七节</a>|---------------------------</br>
	<div class="eight">
	<h2>第一节：网页</h2></br>
	<a name="1"></a>
			<p>
			网页，是网站中的一页，通常是HTML（是标准通用标记语言下的一个应用）格式
			（文件扩展名为html或htm、或asp、或aspx、或php、或jsp等）。
			网页通常用图像档来提供图画，网页要使用网页浏览器来阅读。
			</p>
			<p>
			是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，
			如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。
			</p>
	</div>

	<div class="eight">
	<h2>第二节：html标签（上）</h2></br>
		<a name="2"></a>
			<p>HTML 标记标签通常被称为 HTML 标签 (HTML tag)</p>
			<p>HTML 标签是由尖括号包围的关键词，比如 &lt html></p>
			<p>HTML 标签通常是成对出现的，比如 &lt b> 和 &lt /b></p>
			<p>标签对中的第一个标签是开始标签，第二个标签是结束标签</p>
			<p>开始和结束标签也被称为开放标签和闭合标签</p>
	</div>

	<div class="eight">
	<h2>第三节：html标签（下）</h2></br>
	<a name="3"></a>
		<p>特殊符号：空格-& nbsp &nbsp； 大于-& gt &gt； 小于-& lt &lt； 引号-& quot &quot； 版权号-& copy &copy</p>
		<p><font color="green">字体的设置&lt font size="字体大小"  color="字体颜色"  face="字体类型"&gt要设置的文字&lt /font&gt</font></p>
		<p>p标签，定义格式&lt p &gt这是一个P标签&lt p /&gt</p>
		<p><b>strong和b标签:定义格式分别为
		    &lt span &gt span标签&lt /span &gt和
		    &lt span &gt span标签&lt /span &gt</b></p>
		<p>a标签，链接到其他页面
		    <p>&lt a  href=“链接地址” target="_blank">连接标志 &lt/a></p>
            <p>首先创建一个锚链接的锚记点：&lt a  href=“#锚记点名称”>主题名称&lt/a></p>
			<p>然后在具体要链接到的地方设置name:&lt a  name=“锚记点名称”>&lt/a></p>
			<p>
			电子邮件链接&lt a  href=“mailto：邮件地址”>站长邮箱 &lt/a>(注意不能忘了mailto)</p>
		</p>
		<p>marquee标签&lt marquee&gt移动的字&lt/marquee&gt
        </p>
	</div>

	<div class="eight">
	<h2>第四节：img标签</h2></br>
		<a name="4"></a>
			<p>img元素向网页中嵌入一幅图像（技术上，是从网页上链接图像）
			</p>
			<p>常见的图片格式：jpg;gif;png（后两者支持无损压缩和透明）</p>
			<p>如果源文件和引用文件在同一个目录里，直接写引用文件名即可，
				这时引用文件的方式就是使用相对路径</p>
			<p>完整的描述文件位置的路径就 是绝对路径
				不需要知道其他任何信息就可以根据绝对路径判断出文件的位置</p>
			<p>开始和结束标签也被称为开放标签和闭合标签</p>
			<p>图片的四要素：src;alt;width;height.
				属性id;class;title;style</p>
		</br>
		<img src="images/lgx2.gif" alt="gif" width="100" height="100"/>
		<img src="images/8.png" alt="gif" width="600" height="110"/></br>
	</div>

	<div class="eight">
	<h2>第五节：三种列表知识详解</h2></br>
		<div class="lbk">
			<ul>无序列表
				<li>列表项1</li>
				<li type="disc">列表项2</li>
					<ul>
						<li type="circle">列表项1</li>
						<li type="squire">列表项2</li>
					</ul>		
			</ul>
		</div>

		<div class="lbk">
			<p>自定义列表
			<dl>
				<dt>自定列表项1</dt>
					<dd>列表项的定义1</dd>
				<dt>自定列表项2</dt>
					<dd>列表项的定义2</dd>
			</dl>
			</p>
		</div>

		<div class="lbk">
			<a name="5"></a>
				<p>有序序列表
				<ol type="A">
				<p>有序列表项1</p>
				<p>有序列表项2</p>
					 <ol type="a">
						 <p>有序列表项1</p>
						 <p>有序列表项2</p>
					 </ol>
				</ol>
				</p>
		</div>
		<div class="clear"></div>
	</div>
	
    <div class="eight">
	<h2>第六，七节：表单元素</h2></br>
		<a name="6"></a>
		<form action="#" method="post">
		用户名：<input type="text" name="username" value="请输入。。。"/><font size="3" color="red" face="微软雅黑">*必填</font></br>
		密 &nbsp&nbsp&nbsp码:&nbsp<input type="password" name="password"/><font size="3" color="red" face="微软雅黑">*必填</font></br>
		性 &nbsp&nbsp&nbsp别:
		<input type="radio" name="sex" value="男"checked="checked"/>男
		<input type="radio" name="sex" value="女"/>女
		<input type="radio" name="sex" id="nbs"/><label for="nbs">女博士</label><font size="3" color="red" face="微软雅黑">*必填</font></br>
		爱 &nbsp&nbsp&nbsp好:
		<input type="checkbox" name="ah" value="吃了睡"/>吃了睡
		<input type="checkbox" name="ah" value="睡了吃"/>睡了吃
		<input type="checkbox" name="ah" value="睡了睡"/>睡着吃<font size="3" color="red" face="微软雅黑">*可选择一个或多个</font></br>
		生 &nbsp&nbsp&nbsp日:
		<select name="" id="" disabled="disabled">
			<option value="0">----</option> 
			<option value="1" selected="selected">1992</option>
			<option value="2">1993</option>
			<option value="3">199</option>
			<option value="4">1995</option>
		</select>年
		<select>
			<option value="0">--</option> 
			<option value="1">01</option>
			<option value="2">02</option>
			<option value="3">03</option>
			<option value="4">04</option>
		</select>月
		<select>
			<option value="0">--</option> 
			<option value="1">21</option>
			<option value="2">22</option>
			<option value="3">23</option>
			<option value="4">24</option>
		</select>日<font size="3" color="red" face="微软雅黑">*请填写真实出生年月</font></br>
		住 &nbsp&nbsp&nbsp址:</br>
		<select name="" id="" size="3">
			<option value="0">----</option> 
			<option value="1" selected="selected">贵州</option>
			<option value="2">云南</option>
			<option value="3">四川</option>
			<option value="4">山东</option>
			<option value="2">湖南</option>
			<option value="3">湖北</option>
			<option value="4">山西</option>
		</select>省</br>
		个人说明：<font size="3" color="red" face="微软雅黑">*30-200字</font></br>
		<textarea cols="40" rows="6"></textarea></br>
		<input type="submit" value="注   册"/>&nbsp&nbsp
		<input type="reset" value="重   置"/>&nbsp&nbsp</br>
		<input type="hidden" value="隐藏按钮" name=""/>
		（此处有一个type="hidden"的隐藏按钮）</br>
		<input type="button" value="已有账号，直接登录"/>
		<button>按钮</button>
		</form> 	
	</div>
</body>
</html>